<div id="add_car_container">
  <div style="margin:0 auto; width:250px">
    <div class="input-wrapper">
      <label class="vertical">
        <select class="select-input" name="province" id="province" [(ngModel)]="province">
          <option *ngFor="let modifier of modifiers" [ngValue]="modifier.value">
            {{ modifier.label }}
          </option>
        </select>
      </label>
      <div class="input-right">
        <ons-input class="vertical no-input" placeholder="请输入剩余车牌号码" [(value)]="cardNo"></ons-input>
        <!-- <span class="close"><ons-icon icon="times-circle" size="14px" style="color:#5c5c5c"></ons-icon></span> -->
      </div>
    </div>
    <div class="input-wrapper">
      <label>车架号:</label>
      <div class="input-right">
        <ons-input [(value)]="vin" placeholder="请输入车架号后六位"></ons-input>
      </div>
    </div>
    <div class="input-wrapper">
      <label>发动机号:</label>
      <div class="input-right">
        <ons-input [(value)]="cardNo2" placeholder="请输入完整的发动机号"></ons-input>
      </div>
    </div>
    <div class="input-wrapper">
      <label>车型:</label>
      <div class="input-right">
        <ons-select [(ngModel)]="type" modifier="basic">
          <option value="02">小车</option>
          <option value="01">大车</option>
        </ons-select>
      </div>
    </div>
    <div class="input-wrapper">
      <label>备注:</label>
      <div class="input-right">
        <ons-input placeholder="选填" [(value)]="note"></ons-input>
      </div>
    </div>
    <div style="margin-top: 15px">
      <ons-checkbox [(checked)]="check" modifier="material"></ons-checkbox>
      <span class="txt-s">我已阅读，并同意
        <a class="highlight" routerLink="/protocol">《违章查询协议》</a>
      </span>
    </div>
  </div>


  <div style="margin-top: 50px">
    <ons-button modifier="large--cta" [disabled]="false" (click)="save()">保存并查询</ons-button>
  </div>
</div>
<p class="grey text-center">所填信息为必要信息，我们承诺对所填车辆信息保密</p>
